<template>
  <div>
    <el-form-item :style="{'width':formItem.width + 'px'}">
      <template #label>
        <formDesignLabel class="second-title-label" :formItem="formItem"/>
      </template>
      <el-input class="double-model-input-writer"
        :style="{
          'height': formItem.height + 'px'
        }" 
        v-show="false"
        disabled 
        v-model="formItem.modelValue"
      ></el-input>
    </el-form-item>
  </div>
</template>
<script setup>
import { defineProps, computed } from 'vue'
import formDesignLabel from "@/views/form/manage/design/components/formDesignLabel.vue";

const props = defineProps({
  formItem: {
    type: Object,
  },
})
const formItem = computed(()=>{return props.formItem})
</script>

<style scoped lang='scss'>
::v-deep(.second-title-label) {
  .el-textarea__inner{
    text-align: center;
    font-size: 18px !important;
  }
}
</style>